<template>
   <div class="container">
      <div style="display: flex;">
         <el-menu
            default-active="2"
            class="el-menu-vertical-demo"
            @open="handleOpen"
            @close="handleClose"
         >
         <el-menu-item index="1">
            <el-icon><document /></el-icon>
            <span>我的标的</span>
         </el-menu-item>
         </el-menu>
         <div class="table">
            <el-table :data="tableData" style="width: 100%">
               <el-table-column prop="name" label="名称" width="180" />
               <el-table-column prop="date" label="投标时间" width="180" />
               <el-table-column prop="status" label="状态" />
               <el-table-column label="Operations">
               <template #default="scope">
               <el-button size="small" @click="handleEdit()">
                  提交资料
               </el-button>
               </template>
            </el-table-column>
            </el-table>
         </div>
      </div>
   </div>
</template>

<script setup name="Profile">
import { useRouter } from 'vue-router'



const router = useRouter()
const tableData = [
   {
    name: 'Tom',
    date: '2016-05-03',
    status: '报名成功',
  },
  {
    name: 'Tom',
    date: '2016-05-03',
    status: '已过期',
  },
  {
    name: 'Tom',
    date: '2016-05-03',
    status: '资质审核',
  },
  {
    name: 'Tom',
    date: '2016-05-03',
    status: '待开标',
   },
]

const handleEdit = () => {
   router.push('/user/profile/1')
}
</script>

<style scoped>
.table{
   width: 100%;
}
</style>
